<template>
  <div>
      <hr>
      <Page-child>
          <!-- <img src="../assets/logo.png" width="25" alt=""> -->
          

          <!-- <template v-slot:one="more"> -->
          <template #one="more">
              <!-- <span>具名插槽</span> -->

              <!-- #来表示 v-solt -->
              <h1>{{more.data}}</h1>
          </template>
      </Page-child>
      <!-- 插槽：目的是为了让组件更具有扩展性 比如根据不同的需求 组件展示不同的结构 我们可以使用插槽 根据自己的需求来选择性的插入内容 并且其他使用组件的地方也不会受到影响 -->
  </div>
  
</template>

<script>
import PageChild from'../components/PageChild.vue'
export default {
    components:{
        PageChild
    }
}
</script>

<style>

</style>